<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <title>Gentelella Alela! | </title>
    <!--<<<<<<< HEAD
   =======


       <title>Gentelella Alela! | </title>

   >>>>>>> refs/remotes/puikinsh/Development-->

    <!-- Bootstrap -->
    <link th:href="@{/static/vendors/bootstrap/dist/css/bootstrap.min.css}" rel="stylesheet">
    <!-- Font Awesome -->
    <link th:href="@{/static/vendors/font-awesome/css/font-awesome.min.css}" rel="stylesheet">
    <!-- NProgress -->
    <link th:href="@{/static/vendors/nprogress/nprogress.css}" rel="stylesheet">
    <!-- iCheck -->
    <link th:href="@{/static/vendors/iCheck/skins/flat/green.css}" rel="stylesheet">
    <!-- bootstrap-wysiwyg -->
    <link th:href="@{/static/vendors/google-code-prettify/bin/prettify.min.css}" rel="stylesheet">
    <!-- Select2 -->
    <link th:href="@{/static/vendors/select2/dist/css/select2.min.css}" rel="stylesheet">
    <!-- Switchery -->
    <link th:href="@{/static/vendors/switchery/dist/switchery.min.css}" rel="stylesheet">
    <!-- starrr -->
    <link th:href="@{/static/vendors/starrr/dist/starrr.css}" rel="stylesheet">
    <!-- bootstrap-daterangepicker -->
    <link th:href="@{/static/vendors/bootstrap-daterangepicker/daterangepicker.css}" rel="stylesheet">

    <!-- Custom Theme Style -->
    <link th:href="@{/static/build/css/custom.min.css}" rel="stylesheet">
</head>
<!-- jQuery -->
<script th:src="@{/static/vendors/jquery/dist/jquery.min.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/static/vendors/bootstrap/dist/js/bootstrap.min.js}"></script>

<style>
    .my-hide {
        display: none;
    }
</style>
<script>
    $(function () {
        showBasicInfo();
        //点击基本信息
        $("#list-basicInfo").on("click", function () {
            showBasicInfo();
        })
        //取消编辑基本信息
        $("#bi-cancel-btn").on('click', function () {
            showBasicInfo();
        })

        //编辑基本信息获取数据
        $("#edit-biButton").on("click", function () {
            $.ajax({
                url: "/stu/stu",
                type: "GET",
                success: function (result) {
                    $("#edit-stu-number").val(result.student.stuNumber);
                    $("#edit-stu-age").val(result.student.stuAge);
                    $("#edit-stu-college").val(result.student.stuCollege);
                    $("#edit-stu-university").val(result.student.stuUniversity);
                    $("#edit-stu-email").val(result.student.stuEmail);
                    $("#edit-stu-grade").val(result.student.stuGrade);
                    $("#edit-stu-major").val(result.student.stuMajor);
                    $("#edit-stu-name").val(result.student.stuName);
                    $("#edit-stu-native").val(result.student.stuNative);
                    $("#edit-stu-identityId").val(result.student.stuIdentityId);
                    if (result.student.stuSex == "M") {
                        $("#sex-male input").attr("checked", "checked");
                        $("#sex-female input").removeAttr("checked");
                        $("#sex-male").removeClass("btn-default").addClass("btn-primary");
                        $("#sex-female").removeClass("btn-primary").addClass("btn-default");
                    } else {
                        $("#sex-female input").attr("checked", "checked");
                        $("#sex-male input").removeAttr("checked");
                        $("#sex-female").removeClass("btn-default").addClass("btn-primary");
                        $("#sex-male").removeClass("btn-primary").addClass("btn-default");
                    }
                    $("#edit-stu-phone").val(result.student.stuPhone);
                    console.log(result.student.stuJobState);
                    if (result.student.stuJobState == 1) {
                        $("#state-yes input").attr("checked", "checked");
                        $("#state-no input").removeAttr("checked");
                        $("#state-yes").removeClass("btn-default").addClass("btn-primary");
                        $("#state-no").removeClass("btn-primary").addClass("btn-default");
                    } else {
                        $("#state-no input").attr("checked", "checked");
                        $("#state-yes input").removeAttr("checked");
                        $("#state-no").removeClass("btn-default").addClass("btn-primary");
                        $("#state-yes").removeClass("btn-primary").addClass("btn-default");
                    }
                }
            });
            showEditBasicInfo();
        });

        //编辑基本信息性别按钮选中
        $("#edit-stu-sex label").on("click", function () {
            $(this).removeClass("btn-default").addClass("btn-primary");
            $(this).siblings().removeClass("btn-primary").addClass("btn-default");
        })

        //就业状态按钮选中
        $("#edit-stu-jobState label").on("click", function () {
            $(this).removeClass("btn-default").addClass("btn-primary");
            $(this).siblings().removeClass("btn-primary").addClass("btn-default");
        })

        //编辑基本信息提交数据
        $("#bi-submit-btn").on("click", function () {
            // console.log($("#edit-stuInfo-form").serialize());
            $.ajax({
                url: "/stu/basicInfo",
                type: "PUT",
                data: $("#edit-stuInfo-form").serialize(),
                success: function () {
                    showBasicInfo();
                }
            })
        })

        //点击我的简历
        $("#list-resume").on("click", function () {
            showResume();
        })

        //编辑我的简历
        $("#edit-reaButton").on("click", function () {
            showEditResume();
        })

        $("#add-stu-resume").on("click", function () {
            showEditResume();
        })

        //编辑我的简历提交数据
        $("#rea-submit-btn").on("click", function () {
            $.ajax({
                url: "/stu/resume",
                type: "PUT",
                data: $("#edit-stuRea-form").serialize()
            })
        })

        //取消编辑我的简历
        $("#rea-cancel-btn").on("click", function () {
            showResume();
        })

        //删除我的简历
        $("#delete-reaButton").on("click", function () {
            var sure = confirm("确定要删除吗？");
            if (sure == true) {
                $.ajax({
                    url: "/stu/resume",
                    type: "DELETE"
                })
            }
        })

        //点击求职意向
        $("#list-intent").on("click", function () {
            showIntent();
        })

        //编辑求职意向
        $("#edit-intButton").on("click", function () {
            showEditIntent();
        })

        //编辑求职意向提交数据
        $("#int-submit-btn").on("click", function () {
            $.ajax({
                url: "/stu/intent",
                type: "PUT",
                data: $("#edit-stuInt-form").serialize()
            })
        })

        //编辑求职意向加班意向选中
        $("#edit-int-overtime label").on("click", function () {
            $(this).removeClass("btn-default").addClass("btn-primary");
            $(this).siblings().removeClass("btn-primary").addClass("btn-default");
        })

        //取消编辑求职意向
        $("#int-cancel-btn").on("click", function () {
            showIntent();
        })

        //删除求职意向
        $("#delete-intButton").on("click", function () {
            var sure = confirm("确定要删除吗？");
            if (sure == true) {
                $.ajax({
                    url: "/stu/intent",
                    type: "DELETE"
                })
            }
        })

        $("#add-stu-intent").on("click", function () {
            showEditIntent();
        })

        //点击就业情况
        $("#list-work").on("click", function () {
            showWork();
        })

        //编辑就业情况
        $("#edit-workButton").on("click", function () {
            showEditWork();
        })

        //编辑就业情况专业相关选中
        $("#edit-wor-major label").on("click", function () {
            $(this).removeClass("btn-default").addClass("btn-primary");
            $(this).siblings().removeClass("btn-primary").addClass("btn-default");
        })

        //取消编辑就业情况
        $("#wor-cancel-btn").on("click", function () {
            showWork();
        })

        //编辑就业情况提交数据
        $("#wor-submit-btn").on("click", function () {
            $.ajax({
                url: "/stu/work",
                type: "PUT",
                data: $("#edit-stuWor-form").serialize(),
                success: function () {
                    showWork();
                }
            })
        })

        //删除就业情况
        $("#delete-workButton").on("click", function () {
            var sure = confirm("确定要删除吗？");
            if (sure == true) {
                $.ajax({
                    url: "/stu/work",
                    type: "DELETE"
                })
            }
        })

        $("#add-stu-work").on("click", function () {
            showEditWork();
        })

        //点击我的收藏
        $("#list-favJob").on("click", function () {
            showCollectJob();
        })

        //删除收藏职位

        //点击被收藏情况
        $("#list-beFavd").on("click", function () {
            showCollected();
        })


        //查看收藏职位详情
        $("#collect-job-table").on("click", "tr", function () {
            var getJobId = $(this).children(":last-child").text();
            window.location.href="/job/"+getJobId;
        });

        //查看收藏我的公司的详情
        $("#beCollected-table").on("click", "tr", function () {
            var getComId = $(this).children(":last-child").text();
            window.location.href="/company/"+getComId;
        });

        //预览工作凭证
        // $(".stuImgInput").change(function () {
        //     $("#preWorPic").attr("src", URL.createObjectURL($(this)[0].files[0]));
        // });

        //点击上传图片
        $("#worProofUpload").on('click', function () {
            var form = new FormData(document.getElementById("proofForm"));
            $.ajax({
                url: "/stu/upload",
                contentType: false,
                processData: false,
                type: "POST",
                data: form,
                success: function (result) {

                    var path = "http://localhost:8080/imgs/" + result.msg;
                    console.info(path);
                    $("#stuWorkPic").prop("src", path);

                }
            })
        });

        //预览选择的头像
        $(".imgInput").change(function () {
            $("#modalPic").attr("src", URL.createObjectURL($(this)[0].files[0]));
        });
    });

    //显示基本信息
    function showBasicInfo() {
        $.ajax({
            url: "/stu/stu",
            type: "GET",
            success: function (result) {
                $("#stu-number").text(result.student.stuNumber);
                $("#stu-age").text(result.student.stuAge);
                $("#stu-college").text(result.student.stuCollege);
                $("#stu-university").text(result.student.stuUniversity);
                $("#stu-email").text(result.student.stuEmail);
                $("#stu-grade").text(result.student.stuGrade);
                $("#stu-major").text(result.student.stuMajor);
                $("#stu-name").text(result.student.stuName);
                $("#stu-native").text(result.student.stuNative);
                $("#stu-identityId").text(result.student.stuIdentityId);
                if (result.student.stuSex == "M")
                    $("#stu-sex").text("男");
                else
                    $("#stu-sex").text("女");
                $("#stu-phone").text(result.student.stuPhone);
                if (result.student.stuJobState == 1)
                    $("#stu-jobstate").text("在职");
                else
                    $("#stu-jobstate").text("求职");
            }
        });

        $("#stu-basicInfo").removeClass("hide").siblings().addClass("hide");
    }

    function showEditBasicInfo() {
        $("#edit-stu-basicInfo").removeClass("hide").siblings().addClass("hide");
    }

    //显示我的简历
    function showResume() {
        $.ajax({
            url: "/stu/resume",
            type: "GET",
            success: function (result) {
                if (result.resume == null) {
                    $("#no-stu-resume").removeClass("hide").siblings().addClass("hide");
                }
                else {
                    $("#rea-match").text(result.resume.reaMatch);
                    $("#rea-campus").text(result.resume.reaCampus);
                    $("#rea-practice").text(result.resume.reaPractice);
                    $("#rea-project").text(result.resume.reaProject);
                    $("#rea-self-eval").text(result.resume.reaSelfEval);
                    $("#stu-resume").removeClass("hide").siblings().addClass("hide");
                }
            }
        })

    }

    //显示我的简历编辑页面
    function showEditResume() {
        $.ajax({
            url: "/stu/resume",
            type: "GET",
            success: function (result) {
                if (result.resume != null) {
                    $("#edit-rea-match").text(result.resume.reaMatch);
                    $("#edit-rea-campus").text(result.resume.reaCampus);
                    $("#edit-rea-practice").text(result.resume.reaPractice);
                    $("#edit-rea-project").text(result.resume.reaProject);
                    $("#edit-rea-self-eval").text(result.resume.reaSelfEval);
                }
            }
        })
        $("#edit-stu-resume").removeClass("hide").siblings().addClass("hide");
    }

    //显示求职意向
    function showIntent() {
        $.ajax({
            url: "/stu/intent",
            type: "GET",
            success: function (result) {
                if (result.intent == null) {
                    $("#no-stu-intent").removeClass("hide").siblings().addClass("hide");
                }
                else {
                    $("#int-type").text(result.intent.jobtype.jobtypeName);
                    $("#int-salary").text(result.intent.intSalary);
                    $("#int-address").text(result.intent.intAddress);
                    if (result.intent.intOvertime == 1)
                        $("#int-isovertime").text("愿意加班");
                    else
                        $("#int-isovertime").text("不加班");
                    $("#stu-intent").removeClass("hide").siblings().addClass("hide");
                }
            }
        })

    }

    //显示求职意向编辑页面
    function showEditIntent() {
        $.ajax({
            url: "/stu/intent",
            type: "GET",
            success: function (result) {
                if (result.intent != null) {
                    var typeOption = "#edit-int-type option[value=" + result.intent.intTypeId + "]";
                    $(typeOption).attr("selected", "selected").siblings().removeAttr('selected');

                    $("#edit-int-salary").val(result.intent.intSalary);
                    $("#edit-int-address").val(result.intent.intAddress);
                    if (result.intent.intOvertime == 1) {
                        $("#overtime-yes input").attr("checked", "checked");
                        $("#overtime-no input").removeAttr("checked");
                        $("#overtime-yes").removeClass("btn-default").addClass("btn-primary");
                        $("#overtime-no").removeClass("btn-primary").addClass("btn-default");
                    } else {
                        $("#overtime-no input").attr("checked", "checked");
                        $("#overtime-yes input").removeAttr("checked");
                        $("#overtime-no").removeClass("btn-default").addClass("btn-primary");
                        $("#overtime-yes").removeClass("btn-primary").addClass("btn-default");
                    }
                }
            }
        })
        $("#edit-stu-intent").removeClass("hide").siblings().addClass("hide");
    }

    //显示就业情况
    function showWork() {
        $.ajax({
            url: "/stu/work",
            type: "GET",
            success: function (result) {
                if (result.work == null) {
                    $("#no-stu-work").removeClass("hide").siblings().addClass("hide");
                }
                else {
                    $("#wor-company").text(result.work.worCompany);
                    $("#wor-salary").text(result.work.worSalary);
                    $("#wor-address").text(result.work.worAddress);
                    $("#wor-time").text(result.work.worTime);
                    $("#wor-type").text(result.work.jobtype.jobtypeName);
                    $("#")
                    if (result.work.worMajorSign == "1")
                        $("#wor-major").text("相关");
                    else
                        $("#wor-major").text("不相关");
                    var proof = result.work.worProof;
                    if(proof!=null){
                        $("#stuWorkPic").removeClass("hide");
                        var newProof = proof.substr(10);
                        var path = "http://localhost:8080/imgs/" + newProof;
                        $("#stuWorkPic").prop("src", path);
                    }else{
                        $("#stuWorkPic").addClass("hide");
                    }
                    $("#stu-work").removeClass("hide").siblings().addClass("hide");
                }
            }
        })

    }

    //显示就业情况编辑页面
    function showEditWork() {
        $.ajax({
            url: "/stu/work",
            type: "GET",
            success: function (result) {
                if (result.work != null) {
                    var typeOption = "#edit-wor-type option[value=" + result.work.worTypeId + "]";
                    $(typeOption).attr("selected", "selected").siblings().removeAttr('selected');
                    $("#single_cal4").val(result.work.worTime);
                    $("#edit-wor-salary").val(result.work.worSalary);
                    $("#edit-wor-company").val(result.work.worCompany);
                    $("#edit-wor-address").val(result.work.worAddress);
                    if (result.work.worMajorSign == 1) {
                        $("#major-yes input").attr("checked", "checked");
                        $("#major-no input").removeAttr("checked");
                        $("#major-yes").removeClass("btn-default").addClass("btn-primary");
                        $("#major-no").removeClass("btn-primary").addClass("btn-default");
                    } else {
                        $("#major-no input").attr("checked", "checked");
                        $("#major-yes input").removeAttr("checked");
                        $("#major-no").removeClass("btn-default").addClass("btn-primary");
                        $("#major-yes").removeClass("btn-primary").addClass("btn-default");
                    }
                }
            }
        })
        $("#edit-stu-work").removeClass("hide").siblings().addClass("hide");
    }

    //显示收藏情况
    function showCollectJob() {
        $.ajax({
            url: "/stu/collectJob",
            type: "GET",
            success: function (result) {
                $("#collect-job-table").empty();
                $.each(result, function (index, d) {
                    var checkBox = "<input type='checkbox'>";
                    var checkBoxTd = $("<td></td>").append(checkBox);
                    var jobNameTd = $("<td></td>").append(d.jobName);
                    var jobSalaryTd = $("<td></td>").append(d.jobSalary);
                    var jobWelfareTd = $("<td></td>").append(d.jobWelfare);
                    var jobAddressTd = $("<td></td>").append(d.jobAddress);
                    var jobIdTd = $("<td></td>").append(d.jobId).addClass("hide");
                    $("<tr></tr>").append(checkBoxTd)
                        .append(jobNameTd)
                        .append(jobSalaryTd)
                        .append(jobWelfareTd)
                        .append(jobAddressTd)
                        .append(jobIdTd)
                        .appendTo("#collect-job-table");
                });
            }
        })
        $("#stu-collectjob").removeClass("hide").siblings().addClass("hide");
    }

    //显示被收藏情况
    function showCollected() {
        $.ajax({
            url: "/stu/beCollected",
            type: "GET",
            success: function (result) {
                $("#beCollected-table").empty();
                $.each(result, function (index, d) {
                    var checkBox = "<input type='checkbox'>";
                    var checkBoxTd = $("<td></td>").append(checkBox);
                    var comNameTd = $("<td></td>").append(d.comName);
                    var comTypeTd = $("<td></td>").append(d.comType);
                    var comScaleTd = $("<td></td>").append(d.comScale);
                    var comAddressTd = $("<td></td>").append(d.comAddress);
                    var comIdTd = $("<td></td>").append(d.comId).addClass("hide");
                    $("<tr></tr>").append(checkBoxTd)
                        .append(comNameTd)
                        .append(comTypeTd)
                        .append(comScaleTd)
                        .append(comAddressTd)
                        .append(comIdTd)
                        .appendTo("#beCollected-table");
                });
            }
        })
        $("#stu-beCollected").removeClass("hide").siblings().addClass("hide");
    }

</script>

<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <div class="col-md-3 left_col">
            <div class="left_col scroll-view">
                <div class="navbar nav_title" style="border: 0;">
                    <a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentelella Alela!</span></a>
                </div>

                <div class="clearfix"></div>

                <!-- menu profile quick info -->
                <div class="profile clearfix">
                    <div class="profile_pic">
                        <img src="images/img.jpg" alt="..." class="img-circle profile_img">
                    </div>
                    <div class="profile_info">
                        <span>Welcome,</span>
                        <h2>John Doe</h2>
                    </div>
                </div>
                <!-- /menu profile quick info -->

                <br/>

                <!-- sidebar menu -->
                <div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
                    <div class="menu_section">
                        <h3>General</h3>
                        <ul class="nav side-menu">

                            <li><a id="list-basicInfo"><i class="fa fa-laptop"></i> 基本信息 </a></li>
                            <li><a id="list-resume"><i class="fa fa-laptop"></i> 我的简历 </a></li>
                            <li><a id="list-intent"><i class="fa fa-laptop"></i> 求职意向 </a></li>
                            <li><a id="list-work"><i class="fa fa-laptop"></i> 就业情况 </a></li>
                            <li><a id="list-favJob"><i class="fa fa-laptop"></i> 我的收藏 </a></li>
                            <li><a id="list-beFavd"><i class="fa fa-laptop"></i> 被收藏情况 </a></li>
                        </ul>
                    </div>

                </div>
                <!-- /sidebar menu -->

                <!-- /menu footer buttons -->
                <div class="sidebar-footer hidden-small">
                    <a data-toggle="tooltip" data-placement="top" title="Settings">
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="FullScreen">
                        <span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="Lock">
                        <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
                    </a>
                    <a data-toggle="tooltip" data-placement="top" title="Logout" href="login.html">
                        <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                    </a>
                </div>
                <!-- /menu footer buttons -->
            </div>
        </div>

        <!-- top navigation -->
        <div class="top_nav">
            <div class="nav_menu">
                <nav>
                    <div class="nav toggle">
                        <a id="menu_toggle"><i class="fa fa-bars"></i></a>
                        <a href="/index"> 返回首页</a>
                    </div>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="">
                            <a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown"
                               aria-expanded="false">
                                <img src="images/img.jpg" alt="">John Doe
                                <span class=" fa fa-angle-down"></span>
                            </a>
                            <ul class="dropdown-menu dropdown-usermenu pull-right">
                                <li><a href="javascript:;"> Profile</a></li>
                                <li>
                                    <a href="javascript:;">
                                        <span class="badge bg-red pull-right">50%</span>
                                        <span>Settings</span>
                                    </a>
                                </li>
                                <li><a href="javascript:;">Help</a></li>
                                <li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a></li>
                            </ul>
                        </li>

                        <li role="presentation" class="dropdown">
                            <a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown"
                               aria-expanded="false">
                                <i class="fa fa-envelope-o"></i>
                                <span class="badge bg-green">6</span>
                            </a>
                            <ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
                                <li>
                                    <a>
                                        <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
                                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
                                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
                                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <a>
                                        <span class="image"><img src="images/img.jpg" alt="Profile Image"/></span>
                                        <span>
                          <span>John Smith</span>
                          <span class="time">3 mins ago</span>
                        </span>
                                        <span class="message">
                          Film festivals used to be do-or-die moments for movie makers. They were where...
                        </span>
                                    </a>
                                </li>
                                <li>
                                    <div class="text-center">
                                        <a>
                                            <strong>See All Alerts</strong>
                                            <i class="fa fa-angle-right"></i>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="">
                <div class="page-title">
                    <div class="title_left">
                        <h3>Form Elements</h3>
                    </div>

                    <div class="title_right">
                        <div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                      <button class="btn btn-default" type="button">Go!</button>
                    </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>

                <div class="row">
                    <div class="col-md-10 col-xs-12 hide" id="stu-basicInfo">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>基本信息</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>学号：<span id="stu-number">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>姓名：<span id="stu-name">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>性别：<span id="stu-sex">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>年龄：<span id="stu-age">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>籍贯：<span id="stu-native">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>身份证号：<span id="stu-identityId">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>学校：<span id="stu-university">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>学院：<span id="stu-college">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>专业：<span id="stu-major">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>年级：<span id="stu-grade">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>联系电话：<span id="stu-phone">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>联系邮箱：<span id="stu-email">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>就业状态：<span id="stu-jobstate">xxx</span></p>
                                </div>
                                <div class="ln_solid"></div>
                                <div class="form-group">
                                    <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-10">
                                        <button id="edit-biButton" class="btn btn-success">编辑</button>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-12">&nbsp;</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 hide" id="edit-stu-basicInfo">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>编辑基本信息</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <br/>
                                <form id="edit-stuInfo-form" data-parsley-validate
                                      class="form-horizontal form-label-left">

                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-number">学号
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-number" name="stuNumber" disabled="disabled"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-name">姓名
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-name" name="stuName" disabled="disabled"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12"
                                               for="edit-stu-university">学校
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-university" name="stuUniversity"
                                                   disabled="disabled" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-college">学院
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-college" name="stuCollege"
                                                   disabled="disabled" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-major">专业
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-major" name="stuMajor" disabled="disabled"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-grade">年级
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-grade" name="stuGrade" disabled="disabled"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-native">籍贯
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-native" name="stuNative" required="required"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">性别</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div id="edit-stu-sex" class="btn-group" data-toggle="buttons">
                                                <label class="btn btn-default" id="sex-male"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="stuSex" value="M"> &nbsp; 男 &nbsp;
                                                </label>
                                                <label class="btn btn-primary" id="sex-female"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="stuSex" value="F"> &nbsp; 女 &nbsp;
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12"
                                               for="edit-stu-identityId">身份证号
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-identityId" name="stuIdentityId"
                                                   required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-phone">联系电话
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-phone" name="stuPhone" required="required"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-email">联系邮箱
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-stu-email" name="stuEmail" required="required"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">就业状态</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div id="edit-stu-jobState" class="btn-group" data-toggle="buttons">
                                                <label class="btn btn-default" id="state-yes"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="stuJobState" value="1"> &nbsp; 在职 &nbsp;
                                                </label>
                                                <label class="btn btn-primary" id="state-no"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="stuJobState" value="0"> &nbsp; 求职 &nbsp;
                                                </label>
                                            </div>
                                        </div>
                                    </div>


                                    <div class="ln_solid"></div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                                            <button type="submit" class="btn btn-success" id="bi-submit-btn">保存</button>
                                            <button class="btn btn-primary" type="button" id="bi-cancel-btn">取消</button>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="stu-resume">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>我的简历 </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <h4>竞赛经历</h4>
                                <p class="font-gray-dark" id="rea-match">
                                    For making labels vertical you have two options, either use the apropiate grid <b>.col-</b>
                                    class or wrap the form in the <b>form-vertical</b> class.
                                </p>
                            </div>
                            <div class="x_content">
                                <h4>项目经历</h4>
                                <p class="font-gray-dark" id="rea-project">
                                    For making labels vertical you have two options, either use the apropiate grid <b>.col-</b>
                                    class or wrap the form in the <b>form-vertical</b> class.
                                </p>
                            </div>
                            <div class="x_content">
                                <h4>校园经历</h4>
                                <p class="font-gray-dark" id="rea-campus">
                                    For making labels vertical you have two options, either use the apropiate grid <b>.col-</b>
                                    class or wrap the form in the <b>form-vertical</b> class.
                                </p>
                            </div>
                            <div class="x_content">
                                <h4>实习经历</h4>
                                <p class="font-gray-dark" id="rea-practice">
                                    For making labels vertical you have two options, either use the apropiate grid <b>.col-</b>
                                    class or wrap the form in the <b>form-vertical</b> class.
                                </p>
                            </div>
                            <div class="x_content">
                                <h4>自我评价</h4>
                                <p class="font-gray-dark" id="rea-self-eval">
                                    For making labels vertical you have two options, either use the apropiate grid <b>.col-</b>
                                    class or wrap the form in the <b>form-vertical</b> class.
                                </p>
                            </div>
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-9">
                                <button type="submit" class="btn btn-success" id="edit-reaButton">编辑</button>
                                <button type="submit" class="btn btn-error" id="delete-reaButton">删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="no-stu-resume">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>我的简历 </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content col-md-offset-4">
                                <h1>您未填写简历,<a href="javascript:void(0)" id="add-stu-resume">点击填写</a></h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="edit-stu-resume">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>编辑我的简历 </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <form id="edit-stuRea-form">
                                <div class="x_content">
                                    <h4>竞赛经历</h4>
                                    <textarea class="form-control" rows="5" id="edit-rea-match" name="reaMatch">
                    </textarea>
                                </div>
                                <div class="x_content">
                                    <h4>项目经历</h4>
                                    <textarea class="form-control" rows="5" id="edit-rea-project" name="reaProject">
                    </textarea>
                                </div>
                                <div class="x_content">
                                    <h4>校园经历</h4>
                                    <textarea class="form-control" rows="5" id="edit-rea-campus" name="reaCampus">
                    </textarea>
                                </div>
                                <div class="x_content">
                                    <h4>实习经历</h4>
                                    <textarea class="form-control" rows="5" id="edit-rea-practice" name="reaPractice">
                    </textarea>
                                </div>
                                <div class="x_content">
                                    <h4>自我评价</h4>
                                    <textarea class="form-control" rows="5" id="edit-rea-self-eval" name="reaSelfEval">
                    </textarea>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-9">
                                    <button type="submit" class="btn btn-success" id="rea-submit-btn">保存</button>
                                    <button type="button" class="btn btn-primary" id="rea-cancel-btn">取消</button>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="stu-intent">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>求职意向</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">

                                    <p>职位类型：<span id="int-type">xxx</span></p>
                                    <p>薪资：<span id="int-salary">xxx</span></p>
                                    <p>工作地点：<span id="int-address">xxx</span></p>
                                    <p>加班意向：<span id="int-isovertime">xxx</span></p>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-9">
                                    <button type="submit" class="btn btn-success" id="edit-intButton">编辑</button>
                                    <button type="submit" class="btn btn-error" id="delete-intButton">删除</button>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="no-stu-intent">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>求职意向 </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content col-md-offset-4">
                                <h1>您未填写求职意向,<a href="javascript:void(0)" id="add-stu-intent">点击填写</a></h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 hide" id="edit-stu-intent">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>编辑求职意向</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <br/>
                                <form id="edit-stuInt-form" data-parsley-validate
                                      class="form-horizontal form-label-left">
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-native">职位类型
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <select id="edit-int-type" name="intTypeId" required="required"
                                                    class="form-control col-md-7 col-xs-12">
                                                <option value="1">软件工程师</option>
                                                <option value="2">金融顾问</option>
                                                <option value="3">算法工程师</option>
                                                <option value="4">广告策划</option>
                                                <option value="5">建筑设计师</option>
                                                <option value="6">财务主管</option>
                                                <option value="7">销售</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-native">薪资
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-int-salary" name="intSalary" required="required"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-stu-native">工作地点
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-int-address" name="intAddress"
                                                   required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">加班意向</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div id="edit-int-overtime" class="btn-group" data-toggle="buttons">
                                                <label class="btn btn-default" id="overtime-no"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="intOvertime" value="0"> &nbsp; 不加班 &nbsp;
                                                </label>
                                                <label class="btn btn-primary" id="overtime-yes"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="intOvertime" value="1"> &nbsp; 愿意加班 &nbsp;
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-9">
                                        <button type="submit" class="btn btn-success" id="int-submit-btn">保存</button>
                                        <button type="button" class="btn btn-primary" id="int-cancel-btn">取消</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="stu-work">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>就业情况</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>公司名称：<span id="wor-company">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>职位名称：<span id="wor-type">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>是否专业相关：<span id="wor-major">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>工作地点：<span id="wor-address">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>月薪：<span id="wor-salary">xxx</span></p>
                                </div>
                                <div class="col-md-6 col-sm-6 col-xs-12 form-group">
                                    <p>入职时间：<span id="wor-time">xxx</span></p>
                                </div>
                                <div class="col-md-12 col-sm-12 col-xs-12 form-group">
                                    <p>我的凭证：<img id="stuWorkPic" width="50%" height="50%" src="" alt="image"></p>
                                </div>
                            </div>
                            <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-9">
                                <button type="submit" class="btn btn-success" id="edit-workButton">编辑</button>
                                <button type="submit" class="btn btn-error" id="delete-workButton">删除</button>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-10 col-xs-12 hide" id="no-stu-work">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>就业情况 </h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content col-md-offset-4">
                                <h1>您未填写就业情况,<a href="javascript:void(0)" id="add-stu-work">点击填写</a></h1>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 hide" id="edit-stu-work">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>编辑就业情况</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="proofForm" enctype="multipart/form-data" class="form-horizontal form-label-left">
                                <div class="form-group">
                                    <label class="control-label col-md-3 col-sm-3 col-xs-12">工作凭证
                                    </label>
                                    <div class="col-md-6 col-sm-6 col-xs-12">

                                            <input type="file" name="photoFile"/>
                                            <button type="button" id="worProofUpload">确定</button>


                                    </div>
                                </div>
                                </form>
                                <br/>
                                <form id="edit-stuWor-form" data-parsley-validate
                                      class="form-horizontal form-label-left">

                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-wor-company">公司名称
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-wor-company" name="worCompany"
                                                   required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-wor-type">职位名称
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <select id="edit-wor-type" name="worTypeId" required="required"
                                                    class="form-control col-md-7 col-xs-12">
                                                <option value="1">软件工程师</option>
                                                <option value="2">金融顾问</option>
                                                <option value="3">算法工程师</option>
                                                <option value="4">广告策划</option>
                                                <option value="5">建筑设计师</option>
                                                <option value="6">财务主管</option>
                                                <option value="7">销售</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">是否专业相关</label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <div id="edit-wor-major" class="btn-group" data-toggle="buttons">
                                                <label class="btn btn-default" id="major-yes"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="worMajorSign" value="1"> &nbsp; 相关 &nbsp;
                                                </label>
                                                <label class="btn btn-primary" id="major-no"
                                                       data-toggle-class="btn-primary"
                                                       data-toggle-passive-class="btn-default">
                                                    <input type="radio" name="worMajorSign" value="0"> &nbsp; 不相关 &nbsp;
                                                </label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-wor-address">工作地点
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-wor-address" name="worAddress"
                                                   required="required" class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="edit-wor-salary">月薪
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" id="edit-wor-salary" name="worSalary" required="required"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12">入职时间
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="text" class="form-control has-feedback-left" name="worTime"
                                                   id="single_cal4" aria-describedby="inputSuccess2Status4">
                                        </div>
                                    </div>

                                    <div class="ln_solid"></div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                                            <button type="submit" class="btn btn-success" id="wor-submit-btn">保存
                                            </button>
                                            <button class="btn btn-primary" type="button" id="wor-cancel-btn">取消
                                            </button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12 hide" id="stu-collectjob">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>我的收藏</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>

                            <div class="x_content" style="display: block;">
                                <div class="table-responsive">
                                    <table class="table table-striped jambo_table bulk_action">
                                        <thead>
                                        <tr class="headings">
                                            <th>
                                                <div class="icheckbox_flat-green" style="position: relative;"><input
                                                        type="checkbox" id="check-all" class="flat"
                                                        style="position: absolute; opacity: 0;">
                                                    <ins class="iCheck-helper"
                                                         style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                </div>
                                            </th>
                                            <th class="column-title" style="display: table-cell;">职位名称</th>
                                            <th class="column-title" style="display: table-cell;">薪资</th>
                                            <th class="column-title" style="display: table-cell;">职位福利</th>
                                            <th class="column-title" style="display: table-cell;">工作地点</th>
                                            <th class="bulk-actions" colspan="5" style="display: none;">
                                                <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions (
                                                    <span class="action-cnt">1 Records Selected</span> ) <i
                                                            class="fa fa-chevron-down"></i></a>
                                            </th>
                                        </tr>
                                        </thead>

                                        <tbody id="collect-job-table">
                                        <tr class="even pointer">
                                            <td class="a-center ">
                                                <div class="icheckbox_flat-green" style="position: relative;"><input
                                                        type="checkbox" class="flat" name="table_records"
                                                        style="position: absolute; opacity: 0;">
                                                    <ins class="iCheck-helper"
                                                         style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                </div>
                                            </td>
                                            <td class=" ">121000040</td>
                                            <td class=" ">John Blank L</td>
                                            <td class=" ">Paid</td>
                                            <td class="a-right a-right ">$7.45</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-10">
                                    <button type="submit" class="btn btn-error">取消收藏</button>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-md-12 col-sm-12 col-xs-12" id="stu-beCollected">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>被收藏情况</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                    <li class="dropdown">
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                           aria-expanded="false"><i class="fa fa-wrench"></i></a>
                                        <ul class="dropdown-menu" role="menu">
                                            <li><a href="#">Settings 1</a>
                                            </li>
                                            <li><a href="#">Settings 2</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="close-link"><i class="fa fa-close"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>

                            <div class="x_content">
                                <div class="table-responsive">
                                    <table class="table table-striped jambo_table bulk_action">
                                        <thead>
                                        <tr class="headings">
                                            <th>
                                                <div class="icheckbox_flat-green" style="position: relative;"><input
                                                        type="checkbox" id="check-all" class="flat"
                                                        style="position: absolute; opacity: 0;">
                                                    <ins class="iCheck-helper"
                                                         style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                </div>
                                            </th>
                                            <th class="column-title" style="display: table-cell;">公司名称</th>
                                            <th class="column-title" style="display: table-cell;">公司性质</th>
                                            <th class="column-title" style="display: table-cell;">公司规模</th>
                                            <th class="column-title" style="display: table-cell;">公司地点</th>
                                            <th class="bulk-actions" colspan="5" style="display: none;">
                                                <a class="antoo" style="color:#fff; font-weight:500;">Bulk Actions (
                                                    <span class="action-cnt">1 Records Selected</span> ) <i
                                                            class="fa fa-chevron-down"></i></a>
                                            </th>
                                        </tr>
                                        </thead>

                                        <tbody id="beCollected-table">
                                        <tr class="even pointer">
                                            <td class="a-center ">
                                                <div class="icheckbox_flat-green" style="position: relative;"><input
                                                        type="checkbox" class="flat" name="table_records"
                                                        style="position: absolute; opacity: 0;">
                                                    <ins class="iCheck-helper"
                                                         style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                </div>
                                            </td>
                                            <td class=" ">121000040</td>
                                            <td class=" ">John Blank L</td>
                                            <td class=" ">Paid</td>
                                            <td class="a-right a-right ">$7.45</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                                <div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-10">
                                    <button type="submit" class="btn btn-error">取消收藏</button>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
            <div class="pull-right">
                Gentelella - Bootstrap Admin Template by Colorlib. More Templates <a href="http://www.cssmoban.com/"
                                                                                     target="_blank"
                                                                                     title="模板之家">模板之家</a> - Collect
                from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
            </div>
            <div class="clearfix"></div>
        </footer>
        <!-- /footer content -->
    </div>
</div>

<!-- jQuery -->
<script th:src="@{/static/vendors/jquery/dist/jquery.min.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/static/vendors/bootstrap/dist/js/bootstrap.min.js}"></script>
<!-- FastClick -->
<script th:src="@{/static/vendors/fastclick/lib/fastclick.js}"></script>
<!-- NProgress -->
<script th:src="@{/static/vendors/nprogress/nprogress.js}"></script>
<!-- bootstrap-progressbar -->
<script th:src="@{/static/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js}"></script>
<!-- iCheck -->
<script th:src="@{/static/vendors/iCheck/icheck.min.js}"></script>
<!-- bootstrap-daterangepicker -->
<script th:src="@{/static/vendors/moment/min/moment.min.js}"></script>
<script th:src="@{/static/vendors/bootstrap-daterangepicker/daterangepicker.js}"></script>
<!-- bootstrap-wysiwyg -->
<script th:src="@{/static/vendors/bootstrap-wysiwyg/js/bootstrap-wysiwyg.min.js}"></script>
<script th:src="@{/static/vendors/jquery.hotkeys/jquery.hotkeys.js}"></script>
<script th:src="@{/static/vendors/google-code-prettify/src/prettify.js}"></script>
<!-- jQuery Tags Input -->
<script th:src="@{/static/vendors/jquery.tagsinput/src/jquery.tagsinput.js}"></script>
<!-- Switchery -->
<script th:src="@{/static/vendors/switchery/dist/switchery.min.js}"></script>
<!-- Select2 -->
<script th:src="@{/static/vendors/select2/dist/js/select2.full.min.js}"></script>
<!-- Parsley -->
<script th:src="@{/static/vendors/parsleyjs/dist/parsley.min.js}"></script>
<!-- Autosize -->
<script th:src="@{/static/vendors/autosize/dist/autosize.min.js}"></script>
<!-- jQuery autocomplete -->
<script th:src="@{/static/vendors/devbridge-autocomplete/dist/jquery.autocomplete.min.js}"></script>
<!-- starrr -->
<script th:src="@{/static/vendors/starrr/dist/starrr.js}"></script>
<!-- Custom Theme Scripts -->
<script th:src="@{/static/build/js/custom.min.js}"></script>

</body>
</html>
